@import "common.scss";
$color:#1b2a65;
%goodsbox{
    width: 500px;
    margin-bottom: 50px;
    .top{
        
    }
    .bottom{
        display: flex;
        justify-content: space-between;
        .left{
            p:first-of-type{
                font-size: 28px;
                margin-bottom: 20px;
            }
            p:last-of-type{
                font-size: 14px;
                color: #999999;
            }
        }
        .right{
            align-self: flex-end;
            color: #999999;
        }
    }
}
.wrap{
    main{
        display: flex;
        flex-direction: column;
        align-items: center;
        .top_nav{
            width: 100%;
            display: flex;
            justify-content: center;
            border-bottom: 2px solid #dfe1e9;
            height:50px ;
            display: flex;
            justify-content: center;
            ul{
                width: 1200px;
                display: flex;
                justify-content: space-evenly;
                align-items: center;
                li{
                    width: 175px;
                    height:52px ;
                    text-align: center;
                    line-height: 52px;
                    border-bottom: 2px solid transparent;
                    
                      &:hover{
                        border-bottom: 2px solid $color;
                         a{color: $color}
                    }
                    a{
                        display: block;
                        color: black;
                        
                    }
                }
            }
        
      }
      .goods{
        width: 1200px;
        box-sizing: border-box;
        padding:40px;
        display: flex;
        justify-content: space-between;
        .left{
            .goodsbox{
                @extend %goodsbox;
            }
        }
        .right{
            .goodsbox{
                @extend %goodsbox;
            }
        }
      }
      button{
        height: 50px;
        border: none;
        width: 1200px;
        color: white;
        background-color: $color;
        margin-bottom: 50px;
      }
    }
}